<template>
  <div :class="['page-wrapper', props.fixedHeight ? 'page-wrapper-fixed' : '']">
    <div class="page-main"><slot></slot></div>
  </div>
</template>

<script lang="ts" setup name="pageWrapper">
const props = defineProps({
  fixedHeight: {
    type: Boolean,
    default: false
  }
})
</script>

<style lang="less" scoped>
.page-wrapper {
  padding: 16px;
  // height: calc(100vh - 138px);
  min-height: calc(100vh - 138px);
  overflow: auto;
}
.page-wrapper-fixed {
  width: 100%;
  height: calc(100vh - 138px);
  overflow: auto;
}
</style>
